<seed-content>
  <seed-toolbar-header>
    <seed-toolbar-title>身体数据</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>

  <div class="topSelects seed-underline" (click)="closeTabs()">
    <div *ngIf="selectedTab" class="topSelectItem">{{selectedTab.name}}</div>
    <div class="arrow-icon" [class.top]="tabOpen === true"></div>
  </div>
  <div class="tab-list" *ngIf="tabOpen">
    <ul class="tabs-url" *ngIf="resultEchartsObjList.length>0">
      <li class="tab-item seed-underline"
          *ngFor="let item of resultEchartsObjList"
          [class.choose]="selectedTab.categoryId===item.categoryId"
          (click)="changeCategory(item)">
        {{item.name}}
      </li>
    </ul>
  </div>

  <div class="seed-gap"></div>

  <div *ngIf="!tabOpen&&showChart" echarts id="chart1" [options]="options" (chartInit)="onChartInit($event)"
       class="demo-chart"></div>
</seed-content>
